<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱智慧</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 头部板块开始 -->
    <div class="top">
        <div class="logo">
            <img src="img/logo.jpg" alt="">
        </div>
        <div class="nav">
            <ul>
                <li>
                    <h3>
                        <a href="">加入我们</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">关于我们</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">新闻动态</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">智能服装</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">行业方案</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">蚂蚁链</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">服务介绍</a>
                    </h3>
                    <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div>
                </li>
                <li>
                    <h3>
                        <a href="">首页</a>
                    </h3>
                    <!-- <div class="meau">
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                        <a href="">人才发展</a>
                    </div> -->
                </li>
            </ul>
        </div>
    </div>
    <!-- 头部板块结束 -->

    <!-- 横幅广告 -->
    <div class="banner">
        <ul class="banner">
            <li><img src="img/banner1.jpg" alt=""></li>
            <li><img src="img/banner2.jpg" alt=""></li>
            <li><img src="img/banner1.jpg" alt=""></li>
        </ul>
    </div>

    <!-- 服务介绍 -->
    <div class="service">
        <div class="circle1">
            <h1>服务介绍</h1>
            <hr>
            <p>AI为企业赋能的解决方案平台，以AI轻咨询共享服务平台为企业提供知识自动化服务</p>
            <span>+</span>
        </div>
        <div class="circle2">
            <div class="cir2-1"></div>
            <div>
                <div class="cir-text">
                    <p>人工智能</p>
                    <div class="cir-bg"></div>
                </div>
            </div>


        </div>
        <div class="circle3">
            <div class="cir3-1"></div>
            <div class="cir-text">
                <p>人工智能</p>
                <div class="cir-bg"></div>
            </div>
        </div>


        <div class="circle4">
            <div class="cir4-1"></div>
            <div class="cir-text">
                <p>人工智能</p>
                <div class="cir-bg"></div>
            </div>
        </div>

        <div class="circle5">
            <div class="cir5-1"></div>
        </div>
    </div>

    <div class="project">
        <img src="img/project.png" alt="">
        <div projectInd>
            <h1>行业方案</h1>
            <span>___</span>
            <p>专注人工智能，荣获【第九届深圳创新创业大赛信息科技行业第一名】，赢得市、区奖励</p>
            <p>2017年晋级腾讯AI加速器总决赛、阿里巴巴“诸神之战”全球总决赛</p>
            <p>2018年入选英伟达创业加速计划。连续两年获得深圳市科创委创业资助</p>
            <p>2018年认定为深圳市高新技术企业</p>
            <p>2020年已通过国家高新技术企业认定</p>
            <a href="#"><button>MORE+</button></a>
        </div>


    </div>

    <!-- 清除浮动 -->
    <div style="clear: both;"></div>
    </div>

    <!-- 智能服装 -->
    <div class="clothing">
        <div class="clothingText">

            <h1 class="p_title">智能服装</h1>
            <p class="p_title2">_____</p>
            <p class="title_p_summary">AI为企业赋能的解决方案平台，以AI轻咨询共享服务平台为企业提供知识自动化服务</p>
        </div>

        <div class="bigLove">
            <div class="loveBox">
                <div class="love">
                    <img src="img/yuan.png" alt="">
                    <img src="img/yuan1.png" alt="">
                    <img src="img/azh01.png" alt="">
                </div>
                <div class="porBox">
                    <div class="p_title">AiSuit APP</div>
                    <div class="p_title2">___</div>
                    <div class="p_summary">建立每位顾客的精准3D身体模型<br>帮助服装电商快捷获取顾客的净身尺寸</div>
                </div>
            </div>
            <div class="loveBox">
                <div class="love">
                    <img src="img/yuan.png" alt="">
                    <img src="img/yuan1.png" alt="">
                    <img src="img/azh01.png" alt="">
                </div>
                <div class="porBox">
                    <div class="p_title">AiSuit APP</div>
                    <div class="p_title2">___</div>
                    <div class="p_summary">建立每位顾客的精准3D身体模型<br>帮助服装电商快捷获取顾客的净身尺寸</div>
                </div>
            </div>
            <div class="loveBox">
                <div class="love">
                    <img src="img/yuan.png" alt="">
                    <img src="img/yuan1.png" alt="">
                    <img src="img/azh01.png" alt="">
                </div>
                <div class="porBox">
                    <div class="p_title">AiSuit APP</div>
                    <div class="p_title2">___</div>
                    <div class="p_summary">建立每位顾客的精准3D身体模型<br>帮助服装电商快捷获取顾客的净身尺寸</div>
                </div>
            </div>
        </div>
    </div>

    <div class="antChain" style="background-image: url(img/antChain.jpg);">
        <h1>上链就上蚂蚁链</h1>
        <p>区块链专利申请数和授权数全球很多，落地50+商业应用场景</p>
        <button>More+</button>
    </div>

    <div class="news">
        <div class="newsText">
            <h1>新闻动态</h1>
            <span>___</span>
            <p>AI为企业赋能的解决方案平台，以AI轻咨询共享服务平台为企业提供知识自动化服务</p>
        </div>
        <div class="newsDeatil">
            <div class="newsDetailBox">
                <a href="#"><img src="img/news.jpg" alt="">
                    <h4>2023-01-01</h4>
                    <p>爱智慧科技应邀分享ChatGPT</p>
                </a>
            </div>
            <div class="newsDetailBox">
                <a href="#"><img src="img/news.jpg" alt="">
                    <h4>2023-01-01</h4>
                    <p>爱智慧科技应邀分享ChatGPT</p>
                </a>
            </div>
            <div class="newsDetailBox">
                <a href="#"><img src="img/news.jpg" alt="">
                    <h4>2023-01-01</h4>
                    <p>爱智慧科技应邀分享ChatGPT</p>
                </a>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="footerLeft">
            <div class="phone">
                <div class="phoneImg"><img src="img/phone.png" alt=""></div>
                <div class="phoneTxet">
                    <h6>7*24小时服务热线</h6>
                    <p>0755-28248002</p>
                </div>
            </div>
            <div class="addr">
                <hr>
                <p>地址：深圳市龙岗区荷坳龙岗大道7240,7242号</p>
                <p>众点青创中心三楼</p>
                <!-- <a href="mailto:azh@aitech.xin">azh@aitech.xin</a> -->
                <p>电子邮件：<a href="mailto:azh@aitech.xin">azh@aitech.xin</a></p>
            </div>
        </div>
        <div class="footerRight">
            <ul>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
                <li>
                    <h6>服务介绍</h6>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                    <a href="#">
                        <p>数字化转型</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 清除浮动 -->
        <div style="clear: both;"></div>
        <div class="footerBottom">
            <hr>
            <p class="left">
                版权所有 © 2020 深圳市爱智慧科技有限公司 <a href="#">粤ICP备16077995号</a>
            </p>
            <p class="right">网站建设：<a href="#">中企动力 深圳</a></p>
        </div>
    </div>



    </div>
</body>

</html>

<!--
  主要注释：
  - 使用 CSS 样式表进行页面美化
  - 调整元素顺序以逻辑分组
  - 添加注释描述各个部分的作用和内容
-->